<div class="rank">
  <div class="rank-title">集团对标情况</div>
  <div class="rank-information">
    <ion-row>
      <ion-col col-4>
        <p>
          <span>{{radarData.data.detail.score}}<em> 分</em></span>
          <em>对标得分</em>
        </p>
      </ion-col>
      <ion-col col-5>
        <p>
          <span *ngIf="radarData.data.detail.status == 0">未达到世界一流</span>
          <em>当前水平</em>
        </p>
      </ion-col>
      <ion-col col-3>
        <span>第  <em>{{radarData.data.detail.ranking}}</em> 名</span>
        对标排名
      </ion-col>
    </ion-row>
  </div>
  <radar-cards #radarCards [radarData]="radarData"></radar-cards>
  <div class="rankings">
    <ul>
      <li *ngFor="let item of rankData.data"
          [ngClass]="{'active1':item.ranking == 1,'active2':item.whether == 1}"
      >
        <em></em>
        <span class="rankings">第{{item.ranking}}名</span>
        <span class="rank-name">{{item.orgName}}</span>
      </li>
    </ul>
  </div>
</div>
